<template>
    <div class="wrapper">
        <ul class="content">
          <li class="one">1</li>
          <li class="two">2</li>
          <li class="three">3</li>
          <li class="fore">4</li>
          <li class="fore">4</li>
          <li class="fore">4</li>
          ...
        </ul>
        <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
      </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name: 'one',
  mounted () {
    let scroll = new BScroll('.wrapper')
  }
}
</script>

<style lang="stylus" scoped>
.wrapper
    height 1334px
    .one
      background-color #55a532
      height 500px
    .two
      background-color #9a6e3a
      height 500px
    .three
      background-color #666666
      height 500px
    .fore
      background-color #666666
      height 500px
</style>
